<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<%@ include file="../../common/jsp/sheetHeader.jsp" %>
<script>
	$(document).ready(function() {
		//sheet 초기화  
		createIBSheet2(document.getElementById("viewArea"),"mySheet","100%","300px");
		var cfg = {SearchMode:smLazyLoad,Page:50,FrozenCol:3};
		mySheet.SetConfig(cfg);

		var cols = [
			{Type:"Status", Width:60, Align:"Center",SaveName:"sStatus"},
			{Type:"DelCheck", Width:60},
			{Type:"Text", Width:150, Align:"Center",SaveName:"idno",Format:"IdNo"},
			{Type:"Combo", Width:80,SaveName:"relation", ComboText:"조부|조모|부|모|배우자|아들|딸|손자|손녀", ComboCode:"01|02|03|04|05|06|07|08|09"},
			{Type:"Text", Width:110, Align:"Center",SaveName:"sanm"},
			{Type:"Date", Width:100, Align:"Center",SaveName:"birthday",Format:"Ymd"},
			{Type:"Text", Width:90,SaveName:"job"},
			{Type:"CheckBox", Width:100,SaveName:"lt"}
		];
		
		var headers = [
			{Text:"상태|삭제|주민번호|관계|성명|생일|직업|동거여부", Align:"Center"}
		];
		
		mySheet.InitHeaders(headers);
		mySheet.InitColumns(cols);
	
		doAction("search");
	});
	

	
	/*Sheet 각종 처리*/
	function doAction(sAction) {
		switch(sAction) {
			case "search":		//조회
				mySheet.DoSearch("../data/sheet_to_form_data.xml");
				break;
		}
	}
	
	
	function form2sheet(){
		var param = {};
		param.sheet = mySheet;
		param.form = document.frmMaster;
		param.formPreFix = "frm_";
		
		
		IBS_CopyForm2Sheet(param);
	}
	
	function sheet2form(){
		var param = {};
		param.sheet = mySheet;
		param.form = document.frmMaster;
		param.formPreFix = "frm_";
		
		IBS_CopySheet2Form(param);
	}

	
</script>
<title>폼 데이터 전송 예제</title>
</head>
<body>
<div id="main">
	<%@ include file="../../common/jsp/sheetNavi.jsp" %>	
	<div id="title">폼 데이터 전송 예제</div>
	<div id="desc">
		시트 컬럼의 SaveName과 동일한 이름이나 유사한 이름을 갖는 HTML element 에 데이터를 복사 <br>
		<br>
		<div style='width:100%;height:260px;padding:0px;border:0px;margin:0px'>
			<div style='width:50%;float:left'>
			<textarea readonly style="width:100%;height:260px;overflow:auto;">
//시트에서 폼으로 데이터 복사
IBS_CopySheet2Form(param);
			 
/*param list*/
sheet : 값을 입력 받을 ibsheet 객체 (필수)
form : copy할 폼객체 (필수)
row : ibsheet 객체의 행 (default : 현재 선택된 행)
sheetPreFiex : 맵핑할 시트의 SavaName 앞에 PreFix 문자 (default : "")
formPreFiex : 맵핑할 폼객체의 이름 혹은 id 앞에  PreFix 문자 (default : "")

ex)
var param = {sheet:mySheet1,form:document.hFrm,formPreFix:"frm_"};
IBS_CopySheet2Form(param); 			 
			</textarea>
			
			</div>
			<div style='width:50%;float:left'>
			<textarea readonly style="width:100%;height:260px;overflow:auto;">
//폼에서 시트로 데이터 복사
IBS_CopyForm2Sheet(param);
			 
/*param list*/
sheet : 값을 입력 받을 ibsheet 객체 (필수)
form : copy할 폼객체 (필수)
row : ibsheet 객체의 행 (default : 현재 선택된 행)
sheetPreFix : 맵핑할 시트의 SavaName 앞에 PreFix 문자 (default : "")
formPreFix : 맵핑할 폼객체의 이름 혹은 id 앞에  PreFix 문자 (default : "")
useOnChange : 시트값 변경시 OnChange 이벤트 사용 유무 (default : false)

ex)
var param = {sheet:mySheet1,form:document.hFrm,row:1};
IBS_CopyForm2Sheet(param); 			 
			</textarea>
			</div>
		</div>
	</div>

	<div id="functionArea">
		<form name="frmMaster" method="post">
          <table cellspacing="0" cellpadding="0" width="100%">
          	
            <tr>
              <td class="table_style07" width="15%">주민번호</td>
              <td class="table_style09" width="18%">
                <input type="text" name="frm_idno" class="on_c_req" required="주민등록번호" size="18" maxlength="14">
              </td>
              <td class="table_style07" width="16%" >이 름</td>
              <td class="table_style09" width="18%">
                <input type="text" name="frm_sanm" class="on_c" size="10" maxlength="10" >
              </td>
              <td class="table_style07" width="15%">생 일</td>
              <td class="table_style09" width="18%">
                <input type="text" name="frm_birthday" class="on_c" size="12" maxlength="8" >
              </td>
            </tr>
            <tr>
              <td class="table_style07">직 업</td>
              <td class="table_style09">
                <input type="text" name="frm_job" class="on_c" size="12" maxlength="8" >
              </td>
              <td class="table_style07">관 계</td>
              <td class="table_style09">
                <select name="frm_relation">
                	 
                	<option value="01">조부 </option>
                	<option value="02">조모 </option>
                	<option value="03">부  </option>
                	<option value="04">모  </option>
                	<option value="05">배우자</option>
                	<option value="06">아들 </option>
                	<option value="07">딸  </option>
                	<option value="08">손자 </option>
                	<option value="09">손녀 </option>
                	
                </select>
              </td>
              <td class="table_style07">동거여부</td>
              <td class="table_style09">
                <input type="checkbox" name="frm_lt">
              </td>
            </tr>
          
          </table>
          </form>
        <br>  
		<input type="button" value="시트 내용을 폼으로 복사 ↑" onclick="sheet2form()">
		<input type="button" value="폼 내용을 시트로 복사 ↓" onclick="form2sheet()">
	</div>
	
	<div id="viewArea">
	</div>
</div>
</body>
</html>